<template>
	<view
		class="bottom-btn"
		v-show="show">
		<image
			@click="changeShow('gameShow')"
			src="/static/images/chicken/bottom_1.png"
			mode="widthFix"></image>
		<image
			@click="changeShow('friendShow')"
			src="/static/images/chicken/bottom_2.png"
			mode="widthFix"></image>
		<image
			@click="changeShow('collectFeedShow')"
			src="/static/images/chicken/bottom_3.png"
			mode="widthFix"></image>
		<image
			@click="changeShow('conversionShow')"
			src="/static/images/chicken/bottom_4.png"
			mode="widthFix"></image>
	</view>
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean,
				default: false,
			},
		},
		data() {
			return {}
		},
		methods: {
			changeShow(val) {
				this.$emit('changeShow', val);
			},
		},
	}
</script>

<style lang="scss" scoped>
	// 底部按钮
	.bottom-btn {
		position: absolute;
		left: 0;
		bottom: 52rpx;
		display: flex;
		justify-content: space-around;
		width: 100%;
		image {
			width: 112rpx;
		}
	}
</style>